// 这是你原有 Vue 实例的修改版本
new Vue({
    el: '#app',
    data: {
        formData: {
            identifier: '',
            password: ''
        },
        errorMessage: '',
        successMessage: ''
    },
    computed: {
        isFormValid() {
            return this.formData.identifier && this.formData.password;
        }
    },
    methods: {
        async loginUser() {
            this.errorMessage = '';
            this.successMessage = '';

            if (!this.isFormValid) {
                this.errorMessage = '请填写所有必填字段！';
                return;
            }

            const loginData = {
                identifier: this.formData.identifier,
                password: this.formData.password
            };

            try {
                // 【核心改动点】
                const response = await fetch('http://localhost:8080/api/auth/login', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify(loginData),
                    // 【关键】添加 'credentials: 'include'' 选项
                    // 这个选项告诉浏览器，在发送跨域请求时，需要携带凭证（如 Cookie）
                    // 即使是同域请求，加上它也是一个好习惯
                    credentials: 'include'
                });

                if (response.ok) {
                    const result = await response.json();
                    this.successMessage = result.message || '登录成功！';
                    console.log('登录成功响应:', result);

                    // 【逻辑变化】不再需要保存token
                    // localStorage.setItem('token', result.token); // <--- 这行代码被移除

                    // 登录成功后，可以直接进行页面跳转或执行其他操作
                    // 使用 setTimeout 延迟跳转，让用户可以看到成功信息
                    setTimeout(() => {
                        // 假设登录后跳转到 'dashboard.html'
                        window.location.href = 'dashboard.html';
                    }, 1000); // 延迟1秒

                } else {
                    const errorData = await response.json();
                    this.errorMessage = errorData.error || '登录失败，请检查用户名/密码。';
                    console.error('登录失败响应:', errorData);
                }
            } catch (error) {
                this.errorMessage = '网络请求失败，请检查网络连接或稍后再试。';
                console.error('网络请求错误:', error);
            }
        },
        resetForm() {
            this.formData.identifier = '';
            this.formData.password = '';
        }
    }
});